<template>
    <div>
        <el-container>
            <el-header>
                <top-header></top-header>
            </el-header>
            <el-container>
                <el-aside width="200px">
                    <menu-left></menu-left>
                </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>

    import TopHeader from './header/TopHeader'
    import MenuLeft from './menuLeft/MenuLeft'


    export default {
        name: 'Home',
        props: {},
        components: {
            TopHeader,
            MenuLeft,
        },
        data(){
            return{

            }
        },
        beforeCreate() {
            document.querySelector('html').setAttribute('style', 'background:#fff')
        },
        beforeDestroy() {
            // document.querySelector('html').removeAttribute('style')
        },
        methods:{

        }
    }


</script>

<style scoped>
.el-header{
    background: #666;
}
</style>
